<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>修改登录密码</title>
  <script src="js/jquery-3.1.1.min.js"></script>
  <script src="js/rem.js"></script>

  <link rel="stylesheet" href="css/color.css">
  <link rel="stylesheet" href="css/other.css">
  <link rel="stylesheet" href="css/yinhang.css">
  <link rel="stylesheet" href="./css/common.css">
</head>

<body>
  <div class="pages">
    <div class="card-view">
      <div class="card-item card-blue">
        <div class="card-item-title">
          <img src="icon/7.png" alt="">
          <p>建设银行储蓄卡</p>
        </div>
        <div class="card-item-content">
          <div class="card-num">
            <p>****</p>
            <p>****</p>
            <p>****</p>
            <p>4258</p>
          </div>
        </div>
      </div>
      <div class="card-item card-green">
        <div class="card-item-title">
          <img src="icon/8.png" alt="">
          <p>工商银行储蓄卡</p>
        </div>
        <div class="card-item-content">
          <div class="card-num">
            <p>****</p>
            <p>****</p>
            <p>****</p>
            <p>4258</p>
          </div>
        </div>
      </div>
      <div class="card-item card-red">
        <div class="card-item-title">
          <img src="icon/9.png" alt="">
          <p>农业银行储蓄卡</p>
        </div>
        <div class="card-item-content"></div>
        <div class="card-num">
          <p>****</p>
          <p>****</p>
          <p>****</p>
          <p>4258</p>
        </div>
      </div>
      <div class="add-card-btn">+添加银行卡</div>
    </div>
    
  </div>
</body>

</html>